<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作用域</title>
    <script>
        if (true) {
            var name = "li si ";
        }
        console.log(name);

        for (var i = 0; i < 10; i++) {
            console.log("i: " + i);
        }
        alert(i);//10

        let color = "red";
        function getColor(){
            return color;
        }
        alert(getColor());//red

        /**
         * 如果局部环境中存在着和全局环境中同名的标识符，就不会使用全局环境中的标识符
         * 因为搜索的过程先从局部环境中开始，在局部环境中找到了color2标识符的变量就会停止搜所，要想访问全局环境变量color2，就需要使用window.color2
         * @type {string}
         */
        var color2 = "red";
        function getColor2(){
            let color2 = "blue";
            console.log("全局环境变量 color2: " + window.color2);//如果使用let来声明变量，此处访问不到
            return color2;
        }
        alert(getColor2());//blue



    </script>
</head>
<body>
作用域
</body>
</html>